<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

    <div th:if="${dataMap['pageNum']==1}" class="ml5 mr5 pt5">
        <strong class="fs6 c-333">评论列表 <small th:text="'（' + ${dataMap['total']} + '）'"></small></strong>
    </div>
    <!--公共无数据提示 开始-->
    <li id="no-data-li" th:if="${#lists.isEmpty(dataMap['list'])}">
        <section class="no-data__wrap">
            <em>&nbsp;</em>
            <p>亲，快快评论吧~~~</p>
        </section>
    </li>
    <!--公共无数据提示 结束-->
    <input type="hidden" id="totalPages" th:value="${dataMap['pages']}"/>
    <input type="hidden" id="currentPage" th:value="${dataMap['pageNum']}"/>
    <li th:if="!${#lists.isEmpty(dataMap['list'])}" th:each="reply: ${dataMap['list']}" class="card-header">
        <section class="pull-right huifu">
            <span class="c-888 fs7" th:id="'reply-userid-' + ${reply['id']}" th:attr="data-id=${reply['id']}" th:attrappend="touserid=${reply['userMap']['id']}">
                <i class="icon icon-message"></i>
            </span>
        </section>
        <div class="facebook-avatar mr5">
            <img th:id="'reply-img-'+ ${reply['id']}" class="wm-img list-block-userface lazy" th:attrappend="data-src=${reply['userMap']['avatar']}" width="42" height="42" alt="">
        </div>
        <div class="facebook-name c-blue fs6" th:id="'reply-user-' + ${reply['id']}" th:text="${reply['userMap']['nickname']}"></div>
        <div class="facebook-date c-bbb fs4" th:id="'reply-date-' + ${reply['id']}" th:text="${#strings.substring(reply['createTime'],0,16)}"></div>
        <div class="wm-comment-list__wrap">
            <div class="fs7 c-333" th:id="'reply-context-' + ${reply['id']}" th:text="${reply['replyContext']}"></div>
            <div th:if="!${#lists.isEmpty(reply['childList'])}" class="mt5">
                <section class="question-aq-txt__wrap question-reply-bx pt5 pb5">
                    <section th:each="childReply, index: ${reply['childList']}" class="question-reply-item" th:if="${index.count<3}" th:attr="data-id=${childReply['userMap']['id']}">
                        <span class="fs6 c-blue" username th:text="${childReply['userMap']['nickname']}"></span>
                        <th:block th:if="${childReply['userId'] }!= ${childReply['toUserId']}">
                        <span class="fs6 c-blue" th:text="'@ '+ ${childReply['toUserMap']['nickname']}+ '：'"></span>
                        </th:block>
                        <span class="fs6 c-333" th:text="${childReply['replyContext']}"></span>
                    </section>
                    <section th:if="${#lists.size(reply['childList'])>2}" class="pl5 pr5 mt5">
                        <a href="javascript:void(0);" class="allReplyBtn fs6 c-blue" th:attr="data-id=${reply['id']}" th:text="'查看全部'+ ${#lists.size(reply['childList'])} +'条回复'">
                            <i class="icon icon-right fs4 vam"></i>
                        </a>
                    </section>
                </section>
            </div>
        </div>
    </li>
</html>